﻿<%@ Page Language="VB" MasterPageFile="~/masterpages/Main.master" AutoEventWireup="false"
    CodeFile="Default.aspx.vb" Inherits="photoalbums_Default" Title="Untitled Page" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="fullContent">
        <div class="clear">
        </div>
        <asp:ListView ID="lstAlbums" runat="server" GroupItemCount="4" DataKeyNames="AlbumID">
            <LayoutTemplate>
                <div id="Div2" runat="server" class="pagedNav">
                    <asp:DataPager ID="lstPager" PagedControlID="lstAlbums" runat="server" PageSize="16">
                        <Fields>
                            <asp:NextPreviousPagerField ShowPreviousPageButton="true" ShowNextPageButton="false"
                                ShowFirstPageButton="false" ShowLastPageButton="false" />
                            <asp:NumericPagerField ButtonCount="30" ButtonType="Link" RenderNonBreakingSpacesBetweenControls="true" />
                            <asp:NextPreviousPagerField ShowNextPageButton="true" ShowPreviousPageButton="false"
                                ShowFirstPageButton="false" ShowLastPageButton="false" />
                        </Fields>
                    </asp:DataPager>
                </div>
                <asp:PlaceHolder ID="groupPlaceholder" runat="server" />
            </LayoutTemplate>
            <GroupTemplate>
                <ul id="Ul1" runat="server" class="imageBox clear">
                    <asp:PlaceHolder ID="itemPlaceholder" runat="server" />
                </ul>
            </GroupTemplate>
            <ItemTemplate>
                <li id="Li1" runat="server">
                    <a href="default.aspx?AlbumID=<%#Eval("AlbumID")%>"><%#Eval("Title")%></a><br /> 
                    By: <%#Eval("FName")%> <%#Eval("LName")%><br /> 
                    <callout:album ID="coAlbum" runat="server" AlbumID='<%#Eval("AlbumID")%>' />
                    
                    
               </li>
            </ItemTemplate>
            <EmptyDataTemplate>
                <p>
                    No videos to display</p>
            </EmptyDataTemplate>
        </asp:ListView>
        
        <div class="clear">
        </div>
        <asp:ListView ID="lstImages" runat="server" GroupItemCount="4" DataKeyNames="ImgID"
            Visible="false">
            <LayoutTemplate>
                <div id="Div2" runat="server" class="pagedNav">
                    <asp:DataPager ID="lstPager" PagedControlID="lstImages" runat="server" PageSize="16">
                        <Fields>
                            <asp:NextPreviousPagerField ShowPreviousPageButton="true" ShowNextPageButton="false"
                                ShowFirstPageButton="false" ShowLastPageButton="false" />
                            <asp:NumericPagerField ButtonCount="30" ButtonType="Link" RenderNonBreakingSpacesBetweenControls="true" />
                            <asp:NextPreviousPagerField ShowNextPageButton="true" ShowPreviousPageButton="false"
                                ShowFirstPageButton="false" ShowLastPageButton="false" />
                        </Fields>
                    </asp:DataPager>
                </div>
                <asp:PlaceHolder ID="groupPlaceholder" runat="server" />
            </LayoutTemplate>
            <GroupTemplate>
                <ul id="Ul1" runat="server" class="imageBox clear">
                    <asp:PlaceHolder ID="itemPlaceholder" runat="server" />
                </ul>
            </GroupTemplate>
            <ItemTemplate>
                <li id="Li1" runat="server">
                    <p id="P1" runat="server">
                        <%#Eval("Title")%></p>
<%--                    <a href="/img/imgGallery/<%#Eval("Filepath")%>" rel="lightbox[All]">
                        <img src="/img/imgGallery/<%#Eval("Filepath")%>" width="200" alt="<%#Eval("Title")%>" rel="lightbox[img]" />
                    </a> 
--%>                
                    <a href="viewImage.aspx?imgId=<%#Eval("ImgId")%>">
                        <img src="/img/imgGallery/<%#Eval("Filepath")%>" width="200" alt="<%#Eval("Title")%>" rel="lightbox[img]" />
                    </a> 
                </li>
            </ItemTemplate>
            <EmptyDataTemplate>
                <p>
                    No videos to display</p>
            </EmptyDataTemplate>
        </asp:ListView>
        <div class="clear">
        </div>
    </div>
</asp:Content>
